<template>
	<view class="page-fabulous padding-top-sm">
		<view class="cu-list menu sm-border custom-list">
			<block v-for="(item,index) of list" :key="index">
				<view class="cu-item">
					<view class="flex align-start justify-start">
						<image class="cu-avatar round custom-avatar margin-right-xs flex-shrink" :src="item.avatar" />
						<view class="text-sm">
							<view class="">{{item.nickname}}</view>
							<view class="">观看了你的视频</view>
							<view class="text-xs text-666">{{item.create_time_man}}</view>
						</view>
					</view>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	import profileMixin from "@/mixins/profile"
	export default {
		mixins: [profileMixin],
		data() {
			return {
				query: {
					page: 1,
					size: 20
				}
			};
		},
		methods: {
			getList() {
				this.m_getList(this.$h.api.userModel.getMyViews, this.query)
			}
		},
		onLoad() {
			this.getList()
		}
	}
</script>
<style>
	page {
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.page-fabulous {
		.cu-list.menu.sm-border.custom-list {
			.cu-item {
				height: 160rpx;
				padding: 0 20rpx;

				&::after {
					border-bottom: 2rpx solid $bgColor;
					left: 20rpx;
					width: calc(200% - 40px);
				}

				.cu-avatar.custom-avatar {
					width: 50rpx;
					height: 50rpx;
				}
			}
		}
	}
</style>
